<template>
  <div class="setting-task-card" v-loading="loading">
    <!-- start 头部 -->
    <div class="setting-task-card-header">
      <div class="setting-task-card-left">
        <p class="setting-back-btn" @click="back">
          <i class="iconfont icon-arrow-left"></i> {{$t('common.base.back')}}
        </p>
        <el-tooltip effect="dark" :content="$t('event.setting.additional.additionalFormView.tips1')" placement="bottom">
          <el-input class="setting-back-name" v-model="cardName" :placeholder="$t('event.setting.additional.additionalFormView.pla1')" maxlength="20"></el-input>
        </el-tooltip>
        <base-select-language 
            class="setting-back-lang"
            v-if="isShow"
            :field="{}"
            :defaultValueLanguage = "nameLanguage"
            :defaultValue="cardName"
            @save = "save">
        </base-select-language>
      </div>
      <base-button
        type="primary"
        native-type="submit"
        :disabled="pending"
        @event="submit"
      >{{$t('common.base.save')}}</base-button
      >
    </div>
    <!-- end 头部 -->

    <!-- start 表单设计器 -->
    <div class="setting-task-design">
      <form-design v-model="fields" :mode="mode" :max="formFieldMax"></form-design>
    </div>
    <!-- end 表单设计器 -->
  </div>
</template>

<script>
import TaskAddcardFormView from './TaskAddcardFormView';
export default TaskAddcardFormView;
</script>

<style lang="scss">
@import "./TaskAddcardFormView.scss";
</style>